$(function () {
    getUserinfo();
    var layer = layui.layer; // 先获取到layer
    $('#btn-secede').on('click', function () {
        layer.confirm('是否确认退出?', { icon: 3, title: '提示' }, function (index) {
            // 1、清空本地的localStorage存储
            localStorage.removeItem('token')
            // 2、跳转界面到登录界面
            location.href = '/login.html';
            layer.close(index);
        })
    })
})
// 获取用户的基本信息
function getUserinfo() {
    $.ajax({
        url: '/my/userinfo',
        method: 'GET',
        // 请求头配置对象
        /*   headers: {
              Authorization: localStorage.getItem('token') || ''
          }, */
        success: function (res) {
            // 调用渲染用户头像的函数
            if (res.status !== 0) {
                return layui.layer.msg('获取用户信息失败')
            }
            renderUserHead(res.data)
        },
    })
}

// 渲染用户头像的函数
function renderUserHead(user) { //user接收的res.data 用户的信息对象
    // 1、获取用户的名称
    var name = user.nickname || user.username;
    // 2、设置欢迎文本
    $('.welcome').html('欢迎&nbsp&nbsp' + name);
    // 3、按需渲染用户头像
    if (user.user_pic !== null) {
        $('.layui-nav-img').attr('src', user.user_pic).show().siblings('.text-header').hide();
    } else {
        $('.layui-nav-img').hide().siblings('.text-header').html(name[0].toUpperCase()).show();//name[0].toUpperCase() name字符串的第一个字符转换成大写
    }
}
